<template>
  <div id="unit">
    <label for="f_paymenttype" class="col-sm-2 control-label">缴费类型:</label>
    <div class="col-sm-2">
      <v-select id="f_paymenttype"
      v-model="f_paymenttype"
      placeholder='请选择'
      :value.sync="f_paymenttype"
      :options='paymenttype'
      close-on-select clear-button>
    </v-select>
    </div>
  </div>
</template>
<script>
/**
*公共组件
*缴费类型
*/
export default {
  data () {
    return {
      f_paymenttype: [''],
      paymenttype: [{label: '请选择', value: ''},
                { label: '现金', value: '现金' },
                { label: '银行代扣', value: '银行代扣' }]
    }
  },
  props: ['charge'],
  watch: {
    'f_paymenttype' (val) {
      this.charge = val
    }
  }
}
</script>
<style>
 #row{
  margin-top: 5px;
}
</style>
